<template>
  <div id="email">
    <ul>
      <li v-for="(item, index) in arr" :key="index" @click="conunt = item">
        {{ item }}
      </li>
    </ul>
    <div id="conunt" :is="conunt"></div>
  </div>
</template>

<script>
import conunt from "./email/conunt.vue";
import conunt2 from "./email/conunt2.vue";

export default {
  data() {
    return {
      arr: ["conunt", "conunt2"],
      conunt: "conunt",
    };
  },
  components: {
    conunt,
    conunt2,
  },
};
</script>

<style></style>
